﻿<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="garbage.aspx.cs" Inherits="WebSite.MailBox.garbage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鸵鸟邮箱——垃圾箱</title>
<link href="styles/layout2.css" rel="stylesheet" type="text/css" />
<link href="styles/wysiwyg.css" rel="stylesheet" type="text/css" />
<!-- Theme Start -->
<link href="themes/blue/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src='scripts/functions.js'></script>
<style type="text/css">
.mod_select {
	position: absolute;
	left: 30%;
	top: 100px;
	font-familY: Arial, Helvetica, sans-serif;
}

.mod_select ul {
	margin: 0;
	padding: 0;
}

.mod_select ul li {
	list-style-type: none;
	float: left;
	margin-left: 20px;
	height: 24px;
}

.select_label {
	color: #982F4D;
	float: left;
	line-height: 24px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: 700;
}

.select_box {
	float: left;
	color: #444;
	position: absolute;
	top: 53px;
	left: 290px;
	cursor: pointer;
	width: 165px;
	font-size: 12px;
}

.selet_open {
	display: inline-block;
	border-left: solid 1px #E5E5E5;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 24px;
	background: url(../select_up.jpg) no-repeat center center;
}

.select_txt {
	display: inline-block;
	padding-left: 10px;
	width: 135px;
	line-height: 24px;
	height: 24px;
	cursor: text;
	overflow: hidden;
}

.option {
	width: 120px;;
	border: solid 1px #EDE7D6;
	border-top: 0px;
	position: absolute;
	top: 30px;
	left: -1px;
	z-index: 2;
	overflow: hidden;
	display: none;
}

.option a {
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: left;
	padding: 0 10px;
	width: 100%;
	background: #fff;
}

.option a:hover {
	background: #FDE0E5;
}
</style>
<script src="js/jquery.min3.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(
			function () {
			    $(".select_box").click(function (event) {
			        event.stopPropagation();
			        $(this).find(".option").toggle();
			        $(this).parent().siblings().find(".option").hide();
			    });
			    $(document).click(
						function (event) {
						    var eo = $(event.target);
						    if ($(".select_box").is(":visible")
									&& eo.attr("class") != "option"
									&& !eo.parent(".option").length)
						        $('.option').hide();
						});

			})
    function p_del() {
        var msg = "您确定要删除该信息吗?";
        if (confirm(msg) == true) {
            return true;
        } else {
            return false;
        }
    }

    function c_del() {
        var msg = "您确定彻底删除该信息吗?";
        if (confirm(msg) == true) {
            return true;
        } else {
            return false;
        }
    }
</script>
</head>
<body>
	<form id="form1" runat="server">
		<br /> <strong>您所在位置：鸵鸟邮箱>>垃圾箱</strong>
		<div class="contentcontainer med left">
			<div class="headings alt" style="padding-top: 5px;">
				<input type="submit" value="彻底删除" class="btn"
					onclick="javascript:return c_del()" /> <input type="submit"
					value="转发" class="btn" /> <input type="submit" value="这不是垃圾邮件"
					class="btn" />
				<div class="select_box">
					<input type="submit" value="移动到..." class="btn"
						style="width: 120px;" /> <span class="select_txt"></span><a
						class="selet_open"><b></b></a>
					<div class="option" style="border-radius: 6px;">
						<a>发件箱</a> <a>收件箱</a> <a>草稿箱</a> <a>垃圾箱</a>
					</div>
				</div>
			</div>
			<div class="contentbox">
				<table width="100%" style="">
					<thead>
						<tr>
							<th><input name="" type="checkbox" value="" id="checkboxall"
								onclick="allCheck(this)" /></th>
							<th style="width: 40px;"><img src="img/information/mail.jpg"
								style="margin-left: 0px;" /></th>
							<th>发件人</th>
							<th>主题</th>
							<th>时间</th>
							<th>删除</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input type="checkbox" value="" name="checkall" /></td>
							<td style=""><img src="img/garbage.png" /></td>
							<td>王璨</td>
							<td><a href="garbageDetail.aspx">冀振燕老师的软件体系结构作业截止日期改为：5月3号</a></td>
							<td>2013年4月28日</td>
							<td><a href="#" title="" onclick="javascript:return p_del()"><img
									src="img/icons/icon_delete.png" alt="Delete" /></a></td>
						</tr>
						<tr class="alt">
							<td><input type="checkbox" value="" name="checkall" /></td>
							<td><img src="img/garbage.png" /></td>
							<td>王韩月</td>
							<td><a href="#">关于开展快乐心成长系列活动之“因为爱情”主题心理讲座的通知</a></td>
							<td>2013年4月28日</td>
							<td><a href="#" title="" onclick="javascript:return p_del()"><img
									src="img/icons/icon_delete.png" alt="Delete" /></a></td>
						</tr>
						<tr>
							<td><input type="checkbox" value="" name="checkall" /></td>
							<td><img src="img/garbage.png" /></td>
							<td>崔亚通</td>
							<td><a href="#">关于开展快乐心成长系列活动之“因为爱情”主题心理讲座的通知</a></td>
							<td>2013年4月28日</td>
							<td><a href="#" title="" onclick="javascript:return p_del()"><img
									src="img/icons/icon_delete.png" alt="Delete" /></a></td>
						</tr>
						<tr class="alt">
							<td><input type="checkbox" value="" name="checkall" /></td>
							<td><img src="img/garbage.png" /></td>
							<td>陈檬檬</td>
							<td><a href="#">关于开展快乐心成长系列活动之“因为爱情”主题心理讲座的通知</a></td>
							<td>2013年4月28日</td>
							<td><a href="#" title="" onclick="javascript:return p_del()"><img
									src="img/icons/icon_delete.png" alt="Delete" /></a></td>
						</tr>
						<tr>
							<td><input type="checkbox" value="" name="checkall" /></td>
							<td><img src="img/garbage.png" /></td>
							<td>张舒捷</td>
							<td><a href="#">关于开展快乐心成长系列活动之“因为爱情”主题心理讲座的通知</a></td>
							<td>2013年4月28日</td>
							<td><a href="#" title="" onclick="javascript:return p_del()"><img
									src="img/icons/icon_delete.png" alt="Delete" /></a></td>
						</tr>
						<tr class="alt">
							<td><input type="checkbox" value="" name="checkall" /></td>
							<td><img src="img/garbage.png" /></td>
							<td>姜明明</td>
							<td><a href="#">关于开展快乐心成长系列活动之“因为爱情”主题心理讲座的通知</a></td>
							<td>2013年4月28日</td>
							<td><a href="#" title="" onclick="javascript:return p_del()"><img
									src="img/icons/icon_delete.png" alt="Delete" /></a></td>
						</tr>
						<tr>
							<td><input type="checkbox" value="" name="checkall" /></td>
							<td><img src="img/garbage.png" /></td>
							<td>杨博</td>
							<td><a href="#">关于开展快乐心成长系列活动之“因为爱情”主题心理讲座的通知</a></td>
							<td>2013年4月28日</td>
							<td><a href="#" title="" onclick="javascript:return p_del()"><img
									src="img/icons/icon_delete.png" alt="Delete" /></a></td>
						</tr>
						<tr class="alt">
							<td><input type="checkbox" value="" name="checkall" /></td>
							<td><img src="img/garbage.png" /></td>
							<td>姜铎</td>
							<td><a href="#">关于开展快乐心成长系列活动之“因为爱情”主题心理讲座的通知</a></td>
							<td>2013年4月28日</td>
							<td><a href="#" title="" onclick="javascript:return p_del()"><img
									src="img/icons/icon_delete.png" alt="Delete" /></a></td>
						</tr>
					</tbody>
				</table>
				<div class="extrabottom">
					<ul class="pagination" style="margin-left: 840px;">
						<li class="text">前一页</li>
						<li class="page"><a href="#" title="">1</a></li>
						<li><a href="#" title="">2</a></li>
						<li><a href="#" title="">3</a></li>
						<li><a href="#" title="">4</a></li>
						<li class="text"><a href="#" title="">下一页</a></li>
					</ul>
				</div>
				<div id="foot" style="margin-left: 400px;">@2013-2020 Ostrich
					Inc.All rights reserved</div>
			</div>
		</div>
		</div>
	</form>
</body>
</html>
